
HowTo12分
WebアプリをAIから操作できるようにした話(第2回)— Next.jsでMCP Streamable HTTPサーバーを実装する
Next.js App RouterのAPI RouteとしてMCP Streamable HTTPサーバーを実装します。JSON-RPC 2.0のハンドラー、バッチリクエスト対応、Lambda特有のGET/SSEハンドシェイク処理まで解説します。
MCPNext.jsTypeScriptAWS Lambda
2件の記事

Next.js App RouterのAPI RouteとしてMCP Streamable HTTPサーバーを実装します。JSON-RPC 2.0のハンドラー、バッチリクエスト対応、Lambda特有のGET/SSEハンドシェイク処理まで解説します。

MCPサーバーの実装が完成したのに Claude Code から繋がらない。そこには2つの落とし穴がありました。①GETエンドポイント未実装で接続失敗、②settings.jsonのmcpServersは無視されるという問題の原因と解決法を解説します。